
        <!DOCTYPE html>
        <html lang="zh-CN">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Text2SQL评估报告</title>
            <style>
                body { font-family: Arial, sans-serif; margin: 20px; }
                .header { background-color: #f0f0f0; padding: 20px; border-radius: 5px; }
                .metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0; }
                .metric-card { border: 1px solid #ddd; padding: 15px; border-radius: 5px; }
                .metric-title { font-weight: bold; color: #333; margin-bottom: 10px; }
                .metric-value { font-size: 24px; color: #007bff; }
                .details { margin-top: 30px; }
                table { width: 100%; border-collapse: collapse; margin-top: 10px; }
                th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
                th { background-color: #f2f2f2; }
                .success { color: green; }
                .error { color: red; }
            </style>
        </head>
        <body>
            <div class="header">
                <h1>Text2SQL系统评估报告</h1>
                <p>评估时间: 2025-09-09T15:01:33.083148</p>
                <p>总查询数: 1</p>
                <p>评估耗时: 8.64秒</p>
            </div>
            
            <div class="metrics">
                
                <div class="metric-card">
                    <div class="metric-title">执行准确率</div>
                    <div class="metric-value">100.00%</div>
                    <p>可执行率: 100.00%</p>
                </div>
                
                <div class="metric-card">
                    <div class="metric-title">语法正确率</div>
                    <div class="metric-value">100.00%</div>
                    <p>有效率: 100.00%</p>
                </div>
                
                <div class="metric-card">
                    <div class="metric-title">语义相似度</div>
                    <div class="metric-value">100.00%</div>
                </div>
                
                <div class="metric-card">
                    <div class="metric-title">检索召回率</div>
                    <div class="metric-value">50.00%</div>
                    <p>表级: 100.00%</p>
                    <p>列级: 0.00%</p>
                    <p>关键列: 0.00%</p>
                    <p>权重: 50.00%</p>
                </div>
                
                <div class="metric-card">
                    <div class="metric-title">综合得分</div>
                    <div class="metric-value">90.00%</div>
                </div>
            </div>
            
            <div class="details">
                <h2>召回率详细分析</h2>
                <div class="metrics">
                    <div class="metric-card">
                        <div class="metric-title">表级分析</div>
                        <p>总期望表数: 1</p>
                        <p>总检索表数: 3</p>
                        <p>总匹配表数: 1</p>
                        <p>整体精确率: 33.33%</p>
                        <p>整体召回率: 100.00%</p>
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-title">列级分析</div>
                        <p>总期望列数: 3</p>
                        <p>总检索列数: 25</p>
                        <p>总匹配列数: 0</p>
                        <p>整体精确率: 0.00%</p>
                        <p>整体召回率: 0.00%</p>
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-title">关键列分析</div>
                        <p>总期望关键列数: 1</p>
                        <p>总匹配关键列数: 0</p>
                        <p>整体召回率: 0.00%</p>
                        <p>平均覆盖率: 0.00%</p>
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-title">SQL类型分布</div>
                        <p>UNKNOWN: 1条</p>
                    </div>
                </div>
                
                <h3>最常缺失的元素</h3>
                <div class="metrics">
                    <div class="metric-card">
                        <div class="metric-title">最常缺失的表</div>
                        
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-title">最常缺失的列</div>
                        <p>last_name: 1次</p><p>first_name: 1次</p><p>actor_id: 1次</p>
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-title">最常缺失的关键列</div>
                        <p>actor_id: 1次</p>
                    </div>
                </div>
                
                <h2>详细结果</h2>
                <table>
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>问题</th>
                            <th>执行准确率</th>
                            <th>语法正确率</th>
                            <th>语义相似度</th>
                            <th>状态</th>
                        </tr>
                    </thead>
                    <tbody>
        
                        <tr>
                            <td>1</td>
                            <td>List all actors with their IDs and names....</td>
                            <td>100.00%</td>
                            <td>100.00%</td>
                            <td>100.00%</td>
                            <td class="success">成功</td>
                        </tr>
            
                    </tbody>
                </table>
            </div>
        </body>
        </html>
        